<%--
  Created by IntelliJ IDEA.
  User: 陈滨进
  Date: 2021/3/21
  Time: 15:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>leftMenu</title>
</head>
<body>
<%--左边菜单--%>
<div class="col-sm-3 col-md-2 sidebar">
    <div class="top-navigation">
        <div class="t-menu">菜单</div>
        <div class="t-img">
            <img src="images/lines.png" alt="" />
        </div>
        <div class="clearfix"> </div>
    </div>
    <!--左边列表-->
    <div class="drop-navigation drop-navigation">
        <ul class="nav nav-sidebar">
            <li class="active"><a href="../index.jsp" class="home-icon"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>首页</a></li>
            <li><a href="../shows.jsp" class="user-icon"><span class="glyphicon glyphicon-home glyphicon-blackboard" aria-hidden="true"></span>电视节目</a></li>
            <li><a href="../history.jsp" class="sub-icon"><span class="glyphicon glyphicon-home glyphicon-hourglass" aria-hidden="true"></span>历史</a></li>
            <%--<li><a href="../movies.jsp" class="menu1"><span class="glyphicon glyphicon-film" aria-hidden="true"></span>电影<span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a></li>--%>
            <li><a href="../movies.jsp" class="menu1"><span class="glyphicon glyphicon-film" aria-hidden="true"></span>电影</a></li>
            <%--<ul class="cl-effect-2">--%>
                <%--<li><a href="#kongbu" >恐怖电影</a></li>--%>
                <%--<li><a href="#US">美国电影</a></li>--%>
                <%--<li><a href="#xiju">戏剧电影</a></li>--%>
                <%--<li><a href=" #comedy">喜剧电影</a></li>--%>
                <%--<li><a href="#love">爱情电影</a></li>--%>

                <%--<!--<li><a href="movies.jsp">Hindi</a></li> -->--%>
            <%--</ul>--%>
            <!-- script-for-menu -->
            <script>
                $( "li a.menu1" ).click(function() {
                    $( "ul.cl-effect-2" ).slideToggle( 300, function() {
                        // Animation complete.
                    });
                });
            </script>
            <li><a href="#" class="menu"><span class="glyphicon glyphicon-film glyphicon-king" aria-hidden="true"></span>体育<span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a></li>
            <ul class="cl-effect-1">
                <li><a href="../sports.jsp">足球</a></li>
                <li><a href="../sports.jsp">板球</a></li>
                <li><a href="../sports.jsp">网球</a></li>
                <li><a href="../sports.jsp">篮球</a></li>
            </ul>
            <!-- script-for-menu -->
            <script>
                $( "li a.menu" ).click(function() {
                    //滑动切换
                    $( "ul.cl-effect-1" ).slideToggle( 300, function() {
                        // Animation complete.
                    });
                });
            </script>
            <li><a href="../movies.jsp" class="song-icon"><span class="glyphicon glyphicon-music" aria-hidden="true"></span>歌曲</a></li>
            <li><a href="../news.jsp" class="news-icon"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>新闻</a></li>
        </ul>
        <!-- script-for-menu -->
        <script>
            $( ".top-navigation" ).click(function() {
                $( ".drop-navigation" ).slideToggle( 300, function() {
                    // Animation complete.
                });
            });
        </script>
        <div class="side-bottom">
            <!--<div class="side-bottom-icons">-->
            <!--<ul class="nav2">-->
            <!--<li><a href="#" class="facebook"> </a></li>-->
            <!--<li><a href="#" class="facebook twitter"> </a></li>-->
            <!--<li><a href="#" class="facebook chrome"> </a></li>-->
            <!--<li><a href="#" class="facebook dribbble"> </a></li>-->
            <!--</ul>-->
            <!--</div>-->
            <div class="copyright">
                <p>Copyright &copy; 2015.Company name All rights reserved</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>
